<template>
	<!-- 车位列表-车位预约 -->
	<view class="container">
		<view class="positioning" @click="getLocationInfo">
			<view class="">
				<text>东莞</text>
				<u-icon name="arrow-down-fill" size="16"></u-icon>
			</view>
			<view class="">
				28°C
			</view>
		</view>
		<view class="spaceInfo">
			<view class="space-img">
				<image src="" mode=""></image>
			</view>
			<view class="space-item">
				<view class="space-title">
					<view>某某某停车场:<text style="margin: 24rpx;">|</text> <text>500m</text></view>

				</view>
				<view style="margin: 24rpx 0 8rpx;">
					<u-icon name="car" style="margin-right: 16rpx;"></u-icon>剩余空车位<text
						style=" color: #05c160;font-size: 32rpx;">68</text>个
				</view>
				<view class="navigation-item">
					<view class="">
						<u-icon name="map" style="margin-right: 16rpx;"></u-icon>
						<text>山西省运城33号</text>
					</view>

					<view class="navigation">
						导航
					</view>
				</view>
			</view>
		</view>
		<view class="share-time">
			价格详情
		</view>
		<u-table>
			<u-tr>
				<u-th width="40%" style="background: #E7F1FE;" bg-color="#E7F1FE">时间(分钟)</u-th>
				<u-th style="background: #E7F1FE;" bg-color="#E7F1FE">价格(元)</u-th>
			</u-tr>
			<u-tr>
				<u-td width="40%">15</u-td>
				<u-td>10</u-td>
			</u-tr>
			<u-tr>
				<u-td width="40%">30</u-td>
				<u-td>20</u-td>
			</u-tr>
			<u-tr>
				<u-td width="40%">60</u-td>
				<u-td>40</u-td>
			</u-tr>
		</u-table>
		<view style="color: #FE6000;font-size: 24rpx;margin-top: 24rpx;">
			<u-icon name="info-circle"></u-icon><text>超出车位分享时间的部分按单价3倍收取服务费（无封顶)</text>
		</view>

	</view>
</template>


<script>
	export default {
		data() {
			return {}
		},
		onLoad() {

		},
		mounted() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	@import "index.scss"
</style>